<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>biu~~</title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			.h1{
				margin: 0 auto;
				width: 80%;
				height: 80PX;
				font-size: 50px;
				color: white;
				background-color: lightskyblue;
				text-align: center;
			}
			.n1{
				margin: 0 auto;
				width: 80%;
				height: 800px;
				font-size: 50px;
				color: white;
				background-color: lightskyblue;
				text-align: center;
				
			}
			
			.b1{
				width: 302px;
				height: 400px;
				
				color: white;
				background-color: red;
				text-align: center;
				float: left;
			}
			.b2{
				width: 302px;
				height: 400px;
				
				color: white;
				background-color: red;
				text-align: center;
				float: left;
			}
			.b3{
				width: 302px;
				height: 400px;
				
				color: white;
				background-color: red;
				text-align: center;
				float: left;
			}
			.c1{
				width: 302px;
				height: 400px;
				
				color: white;
				background-color: red;
				text-align: center;
				float: left;
			}
			.c2{
				width: 302px;
				height: 400px;
				
				color: white;
				background-color: red;
				text-align: center;
				float: left;
			}
			.c3{
				width: 302px;
				height: 400px;
				
				color: white;
				background-color: red;
				text-align: center;
				float: left;
			}.d1{
				width: 302px;
				height: 400px;
				
				color: white;
				background-color: red;
				text-align: center;
				float: left;
			}
			.d2{
				width: 302px;
				height: 400px;
				
				color: white;
				background-color: red;
				text-align: center;
				float: left;
			}
			.d3{
				width: 302px;
				height: 400px;
				border: red solid 1px;
				color: white;
				background-color: blue;
				text-align: center;
				float: left;
			}
		</style>
	</head>
	<body>
		<div class="h1">飞机</div>
		<div class="n1">
			<div class="b1"><img src="img/1.png"  width="100%" height="100%"/></div>
			<div class="b2"><img src="img/2.png"  width="100%" height="100%"/></div>
			<div class="b3"><img src="img/3.png"  width="100%" height="100%"/></div>
			<div class="c1"><img src="img/4.png"  width="100%" height="100%"/></div>
			<div class="c2"><img src="img/5.png"  width="100%" height="100%"/></div>
			<div class="c3"><img src="img/6.png"  width="100%" height="100%"/></div>
			<div class="d1"><img src="img/7.png"  width="100%" height="100%"/></div>
			<div class="d2"><img src="img/8.png"  width="100%" height="100%"/></div>
			
		</div>
	</body>
</html>
